Lesson preparation 
book for the Third 
year of middle school, 
the first semester 


ANT 


The specific objectives of teaching the computer and information technology 
book 
for the Third year of middle school. 


e Problem Definition 
e Define the stages of problem solving 
e Write the steps to solve the problem ("Algorithm") 
e Draw flowcharts that reflect the steps of the solution. 
e Explain what is meant by programming language. 
e Identify the essence of Visual Basic.net 
Identify the main components of IDE screen 
e Enumerate what Framework.Net can provide 
e Recognizes what Visual Basic.NET is. 
e Recognize the Properties Window. 
e Choose the appropriate property. 
e Choose the appropriate value for the property( Property .) 
e Differentiate between controls Properties. 
e Deals with the Code Window. 


e Specifies what is meant by the event handler. 


e Adjust Controls’ Properties programmatically. 


Date strate 
Lesson (‘) - By 
Class ‘ Brainstorming 
z Problem Solving ; 
_ | Period problem solving 
| | By the end of the lesson students will be able to: | "Preface" | 
e Know the problem and the stages of its solution. _- What do we mean by 
e Arrange the steps to solve the problem. Probleme | 


e Develop steps for solving some life problems. 


Accompanying activities 


| Take the students to the computer lab and ask them the introductory question and 
| discuss the answers through brainstorming to give a life picture and the way to solve it 
| for the main lesson points through a video showing the elements of the lesson. 


1 - A problem: - Problem is a situation that requires a solution. 


Oran objective you want to achieve. 


| 2 - Problem Solving: - Problem Solving is the steps, activities, and 
| processes to be done to reach an output or objective. 

| 1 - Problem Definition: - 

| 2 - Algorithm Preparation: - 

3 - Program design: - 

| 4 - Program testing: - 


5 - Program Documentation: - 


Evaluation 


Date Lesson (2) aHaIeBY l 

Class Cooperative learning- 

Period Flowchart Practical application 
|| By the end of the lesson students will be able to: | "Preface" | 
| Know flowcharts. _- What do we mean by 
|| eList flowchart instructions. | flowcharts? 


e implement the lesson exercises in a correct way. 


Accompanying activities 


| Take the students to the computer lab and ask them the introductory question and show 
| them a video clip that shows flowcharts and directions they drew and discuss it with 
| them while carrying out the activities (1-1), (1-2), (1-3) in the student book 


**Flowchart: - It is a diagram that uses standard graphical symbols to illustrate 


: the sequence of steps required for solving a problem or specific question. 


_ “Some advantages of flowcharts: 


**Forms used in flow chart: - 


1 - Terminal 


3 — Process 4 — Decision <> 


5 - Flow Lines ae << 


: **Simple Flowchart Exercises 
_ e Exercise (1-1) flowchart to add two numbers 


e Exercise (1-2) Flowchart to solve a first-order equation map Y = 3X + 2 


| Evaluation ) 
| **Put (true) or (false) 


: Flowcharts use standard shapes and lines to represent the steps in solving a problem( ) 


Date Lesson (3) strategy 

Class Follow: Flowchart Cooperative learning- 
_| Period Branching - decidin Practical application 
_| By the end of the lesson students will be able to: | "Preface" | 
| eUnderstand the concept of branching in flow charts. i- What do we mean by 


vie Define the definition and steps of the solution to the | branching and decision | 
7 : making?? i 
|| program correctly. | 

| _¢ Execute the lesson exercises in a correct way. 


Accompanying activities 


| Take the students to the computer lab and ask them the introductory question and show 
_| them a video explaining the concept of branching in the flowchart and the instructions for 
drawing it and discuss it with them while implementing the activity (1-4) in the student book. 


It is used if the problem (the program) contains a question that requires a yes or no 
answer or requires branching into other operations that are determined through the 
flow chart. 


| Exercise (3-1) 


Draw a flowchart to print the word “successful” if the entered score is greater than or 


_ equal to 50 
| Define the problem 


Output: print successful 
Input: the score “X”. 
Solution: If the value of X is greater than or equal 50, a successful message is printed 


Second steps of the solution: 
4- Start 
2- Enter the values of X 
3- If X> =50 Then 
3-1 Print “successful” IsX>=50 Print “successful “ 
_ 4 End 
: Third: Draw a flow chart. 


: ® Determining the solving steps to implement the exercise (1-4) The result of dividing two 


| numbers 
Evaluation ) 
_ **Put (true) or (false 


The rectangle is used to represent branching in the flowchart ( ) 


Date strategy 


Class seen) Cooperative learnin 
Follow: Branching ee ee 
Period ot Practical application 
| | By the end of the lesson students will be able to: | "Preface" | 
| | © Understand the concept of branching in flow charts. |- Through branching, how | 
` © Define the definition and steps of the solution to the program do you determine if a 
| correctly. | number is even or odd? 


|| © Execute the lesson exercises in a correct way. 


Accompanying activities 


Take the students to the computer lab and ask them the introductory question and show 


them a video explaining the concept of branching in the flowchart and the instructions for 


drawing it and discuss it with them while implementing the activity (1-5) in the student book. 


**Steps for the solution to implement exercise (1-5): 
Draw a flowchart for a program that obtains a number from the user. Determine 
the number type (even or odd) and print the result. 


Define the problem: - 
Output: print the number type (even or odd). 


Input: the number “N”. 
Solution: the even number is determined if the entered number is divisible by 2 
without remainder, otherwise it will be odd. 
Second steps of the solution: 
1 -Start 
2 -Enter N 
3 -If N is divisible by 2 Then 

3-1 Print “even number” 
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4 —Else o4h94 14 
4-1Print “odd number” 
5- End 


Third: Draw a flow chart. besser OES PSs 


**Determine the solution steps to implement the exercise (1-6) temperature. 


**Put (true) or (false) E 


Testing the validity of the program is to write down all the steps that were taken to 
solve the problem ( ) 


Date Lesson (5) strategy 
Class Follow: Flowchart Cooperative learning- 
Period The iterative loops Practical application 
| | By the end of the lesson students will be able to: | "Preface" | 
|| e Understand the concept of iterative loops. i- How can a flowchart be | 


| | © Iterative loops are used in simplifying the flowcharts. | simplified through iteration? 


Accompanying activities 


| Take the students to the computer lab and ask them the introductory question and show 
|| them a video explaining the concept of branching in the flowchart and the instructions for 
drawing it and discuss it with them while implementing the activity (1-1) (1-7) in the student 


book. 
Lesson View ) 


**Steps for the solution to implement exercise (1-7): 


Draw a flowchart to Print out numbers from 1 to 3. 


_ Define the problem: - 

_ Output: print numbers from 1 to 3 

Input: number M 

Solution: print number M and increase it by 1 then continue printing until the value 
of M become greater than 3 


| Second steps of the solution: 
_ l- Start 


2- M=1 

3- If M<=3 Then 
3-1 Print M 

3-2 M=M+1 

3-3 Go To step (3) 
4- End 


| Third: Draw a flowchart. 


**Define the solution steps to implement the training (1 - 8) modify the 


| **Put (true) or (false) 


Documenting the program means ensuring that the program is free of errors ( ) 


flowchart 


Date strate 
Lesson (6) : = : 
Class Cooperative Education 
loops (2) i 
| Period Practical application 
| _ By the end of the lesson the student will be able to: "Preface" : 
e Understand the concept of recurring loops. | How can you print the sum of | 
e Use iterative loops to simplify flow maps. integers from 1 to 3? 7 


e Trained to implement the lesson exercises in a correct 


manner. 
Accompanying activities 


Take the students to the computer room and ask them the introductory question and 


show them a video explaining the concept of repetitive loops and the way to implement 
it through training and discuss it with them while implementing the two activities (1-8) (1- 
9) in the textbook. 


View Lesson 


Determine the solving steps: 

To implement exercise (1-9): to draw a flow map to print the sum of the integers from 1 
to 3 

First, define the problem: 

e Output: printing the sum of integers from 1 to 3 - Inputs: (Number) 

e Processing / solving: (Printing the number M, then increasing it by 1, then printing until 
M becomes greater than 3 

Second steps of the solution: 


1- Start 2- N=1 3- Sum =0 4- Sum= Sum+N 


5- N= N+1 6- if N>3 6-1 Print Sum 6-2 other 
7- Go to step 4 8- End 


Third draw a flow map: 


Solve the questions of the first chapter 


Put the word (true) or (false) 


Flowcharts make it easier to understand and analyze the problem ( ) 


Date Lesson (7) strategy 
Class Introduction to Visual Cooperative Education 
|| Period Basic.net Practical application 
| By the end of the lesson the student will be able to: "Preface" T 
e Explains what is meant by the programming language. | How can the solution steps be | | 
e Identified the most important components of an IDE monitor converted into programming | 
e List what the .Net Framework provides | commands that can be | | 


_ executed? 


Accompanying activities 


Take the students to the computer room and ask them the introductory question and 


explain to them the concept of the programming language in Visual Basic and discuss it 
with them with a practical presentation of the program screen and its main components, 
explaining the main lesson points. 


View Lesson 


It is a high-level programming language that is easy to learn and writes its commands in 


Visual Basic.net Language: 


English, through which it can produce office and web applications. It is considered an 
object-oriented language because its programs run through objects in the computer's 
memory and are event-oriented because commands and instructions are executed when 
a specific event occurs. 

The most important components of an IDE monitor: 

1 - Form window La : = ; F> i E 
2 - Toolbox =~ ~ = 
3 - Properties window = 

4 - Solution Explorer 

The .Net Framework provides: 

e Libraries from which objects are created. 


e Runtime environment —— Na 
e Compilers z= 


List the most important components of an IDE monitor. 
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Date Lesson (8) strategy 
Class Solve the questions of the Performance based 
_| Period second chapter evaluation 
| By the end of the lesson the student will be able to: "Preface" g 
7 e Prove the information, meanings and knowledge acquired in What are the most important 
the second semester. | topics of the second chapter? 7 


e Divide the course into units of study that are easy to review | 
and retrieve. l 
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Second: Choose the correct answer to complete each statement: 
1-Object Oriented programming language depends on: 


a- using Windows applications. 
b- Using Web applications 
c- Objects in computer memory. 


2-You can produce Windows applications or Web applications by using: 


a- Objects in computer memory 
b- VB.net language 
c- Properties and Events 
3- Characteristics which describe the object such as size, name and colour are called: 
a- Properties 
b- procedures 
c- Events 
4-Click on Button is: 
a- property 
b- procedure 
c- Event 
5-Commands and instructions which we want to carry out are called: 
A -properties 
B -producers 
c - Events 


Date Lesson (9) strategy 
Class Properties of control tools. Dialogue and discussion. 
|| Period FORM Practical application. 
| _ By the end of the lesson the student will be able to: "Preface" z 
i e e Recognizes the window properties | What are the most famous | | 
e e Choose the appropriate property and its value. | properties of the tools and do | | 


e e differentiate between the characteristics that characterize | they change with the change of F 
each of the control tools. _ the tool? 


Accompanying activities 


Take the students to the computer room and ask them the introductory question and 
explain to them the concept of the properties window and its contents and discuss it with 
them with a practical demonstration of the properties of the FORM and how to adjust 
them with the application. 


View Lesson 


Form properties and function: 


N [Property mame Fumo 


PT [Name | Name of Form used in Code Window. SS 

The background color of the Form. 

| 4 | Right to Left The direction of Controls on the form Window From Right to Left. 

| 5_| Right to Left layout_| The layout of Controls on the Form from righttoleft. | 
MinimizeBox It controls the appearance vr disappearance of MinimizeBox of Form 

z Window. 


MaximizeBox It controls the appearance or disappearance of MaximizeBox of Form 
Window. 
Fi ControlBox It controls the appearance or disappearance of ControlBox of Form 
Window. 


| 9 | FormBorderStyle The Border style of Form Window. 


10 WindowState It defines the Window State of the Form (Maximizing, Minimizing or 
normal). 


Date Lesson (10) strategy 

Class Properties of control tools. Dialogue and discussion 
|| Period Button — label — textbox Practical application 
| _ By the end of the lesson the student will be able to: | "Preface" F 
| | ¢ Draws a button on the form window and changes its location. | What is the difference between | 
| | e Sets the front and back color properties of the command button | the title tool and the text box? 


| _ e Controls the size of the label tool and sets its limits. 
_ | © Sets the text box properties. 


Accompanying activities 


Take the students to the computer room and ask them the introductory question and 


discuss them in the teams in a working manner, showing the set of properties of the 


command button and how to put it on the form and modifying the properties of the tools 
in the lesson in a practical way with the application. 


View Lesson 


Command Button Properties: 


Function 
The location of placing Button on the Form. 


ee 
Defining the height and width of Button on the Form. 


The appeared Text on the Button 
BackColor Choosing the backColor of the Button. 


5 Font Defining (shape, size and style) of the Text font appeared on 
the Button. 


| 6 |ForeColor | Choosing the ForeColor to the appeared Text on the Button 


Label properties: 


tl Nara E 


AutoSize The Size of the Label is defined automatically according to the 
written Text if the Value of property equals true. 
BorderStyle | Choosing the Border Style of the Label 


Textbox properties: 
Ga Is ll A 
Maxlength It defines the maximum number of letters which can be 
inserted in the TextBox 


2 PasswordChar It defines a symbol used instead of written text in case we 
have a password. 


(3 | Multiline | allows multiple lines within the text box control tool. 


Evaluation 


Property that allows the possibility of multiple lines inside the text box is .............sss008 


Date Lesson (11) strategy 
Class Control’s Properties Dialogue and Discussion. 
_| Period List Box-Combo box Practical application 
|| By the end of the lesson the student will be able to: "Preface" | 
box and a combo box between a list Differentiate. | What is the difference between | | 
the properties of the tools Correctly set. | listboxand combo box? 


Accompanying activities 


: room and ask them the introductory question and Take the students to the computer 
| discuss them in the teams in a practical way, showing the set of properties of each of 
| them and how to put them on the model and modify the properties of the tools in the 
| pplicationlesson in a practical way with the a. 


View Lesson 


Combo box 
Function down list of items to choose from-A drop 


l- | Items A group of items which are shown in combobox. 


It 
AutoCompleteSource | It is a source of suggested items to select from. 
AutoCompleteMode | It defines the method of list completing process. 


Properties 


List box 
Function Displays a list of items 


A group of items shown in the ListBox 
Properties It defines whether the elements in the list are sorted or not. 


3 selectionMode | It defines whether it is possible to choose one item or more 
shown in the ListBox. 


Complete: - the process of The property .................. determines the way in which 


completing the list will be carried out 


Date Lesson (12) strategy 
Class Control’s Properties Dialogue and Discussion. 
| Period Group box - Radio button - check box Practical application 
| _ By the end of the lesson the student will be able to: "Preface" | 
Employ the group box in correct way. | What is the difference between | | 


e Dbetween a checkbox and ifferentiates Radio button. radio button , check box ? 


e Sthe properties of the tools et correctly. 


Accompanying activities 


| the students to the computer room and ask them the introductory question and Take 
| discuss them in the teams in a practical way, showing the set of properties of each of 
| them and how to put them on the model and modify the properties of the tools in the 
(n a practical way with the applicationlesson i. 


Group Box : 


Is used to group other controls of same function together on the Form window 
Here is the effect of setting some properties on the Group Box: 


Effect of 
Property value property FormWindow after setting the property 
appears 
Forecolor Choose the | mode and 
runtime 
Red color 
mode 


(Radio Button): 
The programmer user selects one alternative only. 
Here is the effect of setting some properties on the Radio button: 


Checked It shows whether RadioButton has been chosen of not. 


It is the Text shown on RadioButton 


(Checkbox): 
It is used for placing some alternatives to enable the user to select a 
one Checkbox or more. inui gh ann 


Complete: - the questions of the third chapter solving. 


Date strate 
Class Lesson (13) Dialogue and T 
- CODE WINDOW ; s 
| Period Practical application 
|| By the end of the lesson the student will be able to: "Preface" 
e Work with the Code window. | Where do you write program 


e Define the Event Handler. | commands and instructions? 
e Create event handler is command button click. : 


Accompanying activities 


| Take the students to the computer room and ask them the introductory question and 
| with them, showing the different ways to open the code window, explaining the discuss it 
concept of the event handler and how to implement it in a practical way. 


View Lesson 


opened by ithin the program andThrough it, commands and instructions are written w 


pressing the F7 key after making sure that the (FORM) window is active and contains : 
(1) Name of the file where codes are saved. 
(2) Name of the file where the Form window interface is saved. 
(3) The declaration of Class; its name is (Form1). 
(4) Space between two lines; to type codes for the Class (Form1). 
(5) The end of the class (form 1). 


CODE WINDOW : 


Event Handler 
It’s a procedure which contains a code that is carried out when a corresponding event 
occurs. 


Action name consists of 
(1) The procedure name composed of (object name, event name). 
(2) End of procedure line. 
(3) What causes the call of the procedure (event occurrence) . 
(4) Between the two lines shown; the code that will be executed on calling the 
procedure is written after the occurrence of the (Event 
(5) The declaration of the class line (frmSquare) 
(6) The end of (class) line. 


Complete: - Mention the way to open the codewindow. 


Date Lesson (14) strategy 

Class Programmatically set Brainstorming 
|| Period properties Dialogue and Discussion. 
| _ By the end of the lesson the student will be able to: | "Preface" 
e programmatically adjusting the the general formula for Recognizes How can I set the properties of 


| | Bhoperties‘ot tools | the tools programmatically? 
i} @ adjust the properties of the controls Programmatically. l 


Accompanying activities 


: Take the students to the computer room and ask them the introductory question and 
: formula for modifying the properties of the discuss it with them, showing the general 
| different tools, giving examples and applying them. With the solution of the fourth 


View Lesson 


| We previously set the properties through the properties window, and you can set the 
ties in the following formproper : 


.chapter questions 


CONTROLNAME . PROPERTY = VALUE 


The control or the 
obiect name The property 


Example (1): 

Write the following code in the appropriate event handler, let it be (BUTTON1_CLICK) for 
the command button BUTTON1 : 

When the event occurs, the form window appears as shown : 


Private Sub Buttoni_Click(sender As Object, e As EventArgs) Handles Button1.Click 


Label1.Text = "iual pas ijya " 


End Sub 


solving the questions of the third chapter 
Complete: Write the code to change the background color of label1 to red. 


Date strate 
Lesson (15) bY 
Class : Performance based 
: General Review . 

|| Period evaluation 
_ By the end of the lesson the student will be able to: "Preface" E 
| @ the information, meanings and knowledge acquired Prove. | What are the main topics of the 
_ © DThe curriculum into units of study that are easy to review ivide | Student’s book? E 


and retrieve. 


Take the students to the computer room and e introductory question, show 


them the home page of “Al Azhar Al Sharif Website”, and have each workgroup list the 


contents of the site, and show them to other groups and discuss them for the basic points 


° Put Vor X: 


1. You can open the code window through the solution window. 


of the lesson. 


2. List box Controller It is used to receive the user's text data while the program is running. 
3. (Form) screen has all the tools and propertiesa programmer needs . 
4. .Net Framework runs net applications. 


—— a _ _ amam _ _ amm 
x ~ ~ ~ 


5. Group Box is used to hold single-function Controls on the form window. 


e Complete the following statements using the given words : 
(Combo Box — Radio Button — Checkbox — List Box - Group Box) 
| Ve: Widsceecceddecsevccscecetseeeeds ichoose one alternative from s used if we want the user of the program to 
| several alternatives. 
| Do vdistecsvorsectese is used in containing a group of controls that have the same function on the Form. 
| Se pruti i s a box with a list of items that you can drop down to choose oneof them. 
| A. E Used if we want the user of the program to choose one or more alternatives. 


e Correct the underline: 

e open the Code Window We press the F4 key. 

e is the last stage of problem solving design. 

e Multiline number of characters that can be typed into the property sets the maximumtextbox. 

e Sorted property A set of items displayed onthe List box. 

e phase means entering data whose results are known before to identify program documentation 
errors. 

e ated by theThe name of the event handler when gener IDE consists only the name of the of 
controller. 

e The value assigned to Label.text =" egypt " is Text 

e Auto size property defines the shape of the borders ofthe Label widget. 

e Object Events shape what describes the object and determines its mean. 

e Back color tool property is used to specify the shape, size, and effect of the font on any. 


